<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition template="/template.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:param name="titulo" value="Pagina Principal" />
    <ui:define name="body">


        <div id="wrap">
            <div id="header">
                <div id="logo"><img src="resources/images/logo.gif" alt="" />
                    <h1>Alpes Smart Home</h1>
                    <span>Arquitech- Uniandes</span> </div>
                <ul id="nav">
                    <li><a href="/Arquitech-war/index.jsf">Home</a></li>
                    <li><a href="/Arquitech-war/consultaEstadisticas.jsf">Consulta Estadísticas</a></li>

                </ul>
            </div>
            <!-- /header -->
            <div id="content">
                <div id="inner">
                    <div class="left float-l">
                        <h1>Informe Desempeño Infraestructura ASH</h1>

                        <ice:panelGroup>

                            <ice:outputChart id="graphic1"
                                             type="barClustered"
                                             
                                             chartTitle="#{graphics.tituloGrafica}"
                                             yaxisTitle="#{graphics.tituloEjeY}"
                                             xaxisTitle="#{graphics.tituloEjeX}"
                                             xaxisLabels="#{graphics.axisLabels}"
                                             labels="#{graphics.labels}"
                                             data="#{graphics.data}"/>
                        </ice:panelGroup>
                    </div>
                    <div class="right folat-r">
                        <div id="side">
                            <div id="top">
                                <h2>Detalles</h2>
                                <!-- Formulario de autenticación  -->
                                <ice:outputText style="color: cornflowerblue"> A continuación se muestra la gráfica para escalabilidad del sistema</ice:outputText>
                            </div>

                        </div>
                    </div>
                </div>
            </div> 
            <!-- /content -->
            <div id="footer">
                <div class="ft">
                    <div id="ftlink"> <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Production</a> | <a href="#">Submission</a> | <a href="#">Contact</a> </div>
                    <p id="copyright">© 2008. All Rights Reserved. <br/>
                        <a href="http://www.templatesold.com/" target="_blank">Website Templates</a> by <a href="http://www.free-css-templates.com/" target="_blank">Free CSS Templates</a></p>
                </div>
                <div id="xhtml"><img src="resources/images/xhtml.gif" alt=" xhtml vaild" /> <img src="resources/images/css.gif" alt="css vaild" /></div>
            </div>
            <!-- /footer -->
        </div>
    </ui:define>
</ui:composition>